Page({
  data: {
    // 板块分类
    sectorCategories: [
      { id: 'concept', name: '概念板块', active: true },
      { id: 'industry', name: '行业板块', active: false },
      { id: 'region', name: '地区板块', active: false }
    ],
    currentCategory: 'concept',
    
    // 概念板块数据
    conceptSectors: [],
    
    // 行业板块数据
    industrySectors: [],
    
    // 地区板块数据
    regionSectors: [],
    
    // 当前显示的板块列表
    currentSectors: [],
    
    // 加载状态
    loading: true,
    
    // 搜索相关
    searchKeyword: '',
    showSearch: false
  },

  onLoad: function(options) {
    // 设置页面标题
    wx.setNavigationBarTitle({
      title: '板块中心'
    });
    
    // 加载板块数据
    this.loadSectorData();
  },

  // 切换板块分类
  switchCategory: function(e) {
    const categoryId = e.currentTarget.dataset.id;
    
    // 更新分类状态
    const categories = this.data.sectorCategories.map(item => ({
      ...item,
      active: item.id === categoryId
    }));
    
    this.setData({
      sectorCategories: categories,
      currentCategory: categoryId
    });
    
    // 更新显示的板块列表
    this.updateCurrentSectors();
  },

  // 更新当前显示的板块列表
  updateCurrentSectors: function() {
    let sectors = [];
    switch(this.data.currentCategory) {
      case 'concept':
        sectors = this.data.conceptSectors;
        break;
      case 'industry':
        sectors = this.data.industrySectors;
        break;
      case 'region':
        sectors = this.data.regionSectors;
        break;
    }
    
    this.setData({
      currentSectors: sectors
    });
  },

  // 加载板块数据
  loadSectorData: function() {
    // 加载概念板块
    this.loadConceptSectors();
    
    // 加载行业板块
    this.loadIndustrySectors();
    
    // 加载地区板块
    this.loadRegionSectors();
  },

  // 加载概念板块数据
  loadConceptSectors: function() {
    const that = this;
    
    wx.request({
      url: 'https://push2.eastmoney.com/api/qt/clist/get',
      data: {
        pn: 1,
        pz: 100,
        po: 1,
        np: 1,
        ut: 'bd1d9ddb04089700cf9c27f6f7426281',
        fltt: 2,
        invt: 2,
        fid: 'f3',
        fs: 'm:90+t:2',
        fields: 'f12,f14,f3,f2,f4'
      },
      header: {
        'content-type': 'application/json',
        'Referer': 'https://data.eastmoney.com'
      },
      success(res) {
        if (res.data && res.data.data && res.data.data.diff) {
          const sectors = res.data.data.diff.map(item => ({
            code: item.f12,
            name: item.f14,
            change: item.f3 ? (item.f3 > 0 ? `+${item.f3.toFixed(2)}%` : `${item.f3.toFixed(2)}%`) : '--',
            price: item.f2 ? item.f2.toFixed(2) : '--',
            amount: item.f4 ? (item.f4 > 0 ? `+${item.f4.toFixed(2)}` : `${item.f4.toFixed(2)}`) : '--'
          }));
          
          that.setData({
            conceptSectors: sectors
          });
          
          // 如果当前是概念板块，更新显示
          if (that.data.currentCategory === 'concept') {
            that.updateCurrentSectors();
          }
        }
        that.checkLoadingComplete();
      },
      fail(err) {
        console.error('获取概念板块失败:', err);
        that.checkLoadingComplete();
      }
    });
  },

  // 加载行业板块数据
  loadIndustrySectors: function() {
    const that = this;
    
    wx.request({
      url: 'https://push2.eastmoney.com/api/qt/clist/get',
      data: {
        pn: 1,
        pz: 100,
        po: 1,
        np: 1,
        ut: 'bd1d9ddb04089700cf9c27f6f7426281',
        fltt: 2,
        invt: 2,
        fid: 'f3',
        fs: 'm:90+t:2+f:!50',
        fields: 'f12,f14,f3,f2,f4'
      },
      header: {
        'content-type': 'application/json',
        'Referer': 'https://data.eastmoney.com'
      },
      success(res) {
        if (res.data && res.data.data && res.data.data.diff) {
          const sectors = res.data.data.diff.map(item => ({
            code: item.f12,
            name: item.f14,
            change: item.f3 ? (item.f3 > 0 ? `+${item.f3.toFixed(2)}%` : `${item.f3.toFixed(2)}%`) : '--',
            price: item.f2 ? item.f2.toFixed(2) : '--',
            amount: item.f4 ? (item.f4 > 0 ? `+${item.f4.toFixed(2)}` : `${item.f4.toFixed(2)}`) : '--'
          }));
          
          that.setData({
            industrySectors: sectors
          });
          
          // 如果当前是行业板块，更新显示
          if (that.data.currentCategory === 'industry') {
            that.updateCurrentSectors();
          }
        }
        that.checkLoadingComplete();
      },
      fail(err) {
        console.error('获取行业板块失败:', err);
        that.checkLoadingComplete();
      }
    });
  },

  // 加载地区板块数据
  loadRegionSectors: function() {
    const that = this;
    
    wx.request({
      url: 'https://push2.eastmoney.com/api/qt/clist/get',
      data: {
        pn: 1,
        pz: 100,
        po: 1,
        np: 1,
        ut: 'bd1d9ddb04089700cf9c27f6f7426281',
        fltt: 2,
        invt: 2,
        fid: 'f3',
        fs: 'm:90+t:1',
        fields: 'f12,f14,f3,f2,f4'
      },
      header: {
        'content-type': 'application/json',
        'Referer': 'https://data.eastmoney.com'
      },
      success(res) {
        if (res.data && res.data.data && res.data.data.diff) {
          const sectors = res.data.data.diff.map(item => ({
            code: item.f12,
            name: item.f14,
            change: item.f3 ? (item.f3 > 0 ? `+${item.f3.toFixed(2)}%` : `${item.f3.toFixed(2)}%`) : '--',
            price: item.f2 ? item.f2.toFixed(2) : '--',
            amount: item.f4 ? (item.f4 > 0 ? `+${item.f4.toFixed(2)}` : `${item.f4.toFixed(2)}`) : '--'
          }));
          
          that.setData({
            regionSectors: sectors
          });
          
          // 如果当前是地区板块，更新显示
          if (that.data.currentCategory === 'region') {
            that.updateCurrentSectors();
          }
        }
        that.checkLoadingComplete();
      },
      fail(err) {
        console.error('获取地区板块失败:', err);
        that.checkLoadingComplete();
      }
    });
  },

  // 检查加载完成
  checkLoadingComplete: function() {
    // 简单的加载完成检查
    setTimeout(() => {
      this.setData({
        loading: false
      });
      
      // 初始化显示概念板块
      this.updateCurrentSectors();
    }, 1000);
  },

  // 跳转到板块详情
  goToSectorDetail: function(e) {
    const sector = e.currentTarget.dataset.sector;
    // 这里可以跳转到板块详情页面
    wx.showToast({
      title: `查看${sector.name}详情`,
      icon: 'none'
    });
  },

  // 搜索板块
  onSearchInput: function(e) {
    const keyword = e.detail.value.trim().toLowerCase();
    this.setData({
      searchKeyword: keyword
    });
    
    if (!keyword) {
      this.updateCurrentSectors();
      return;
    }
    
    // 过滤当前分类的板块
    let allSectors = [];
    switch(this.data.currentCategory) {
      case 'concept':
        allSectors = this.data.conceptSectors;
        break;
      case 'industry':
        allSectors = this.data.industrySectors;
        break;
      case 'region':
        allSectors = this.data.regionSectors;
        break;
    }
    
    const filteredSectors = allSectors.filter(sector => 
      sector.name.toLowerCase().includes(keyword)
    );
    
    this.setData({
      currentSectors: filteredSectors
    });
  },

  // 显示/隐藏搜索
  toggleSearch: function() {
    this.setData({
      showSearch: !this.data.showSearch,
      searchKeyword: ''
    });
    
    if (!this.data.showSearch) {
      this.updateCurrentSectors();
    }
  },

  // 下拉刷新
  onPullDownRefresh: function() {
    this.setData({
      loading: true
    });
    this.loadSectorData();
    wx.stopPullDownRefresh();
  }
});
